<template>
  <div class="adminManage">
    <div class="positonBar" v-if="hideBar">
      <!-- <div class="tool-item" tabindex="0" @click="handleDialog(1)">
        <div class="tool-icon"><i class="iconfont icon-feedback"></i></div>
        <div class="tool-text">个人信息</div>
      </div> -->
      <div class="tool-item" tabindex="0" @click="handleDialog(2)">
        <div class="tool-icon"><i class="iconfont icon-legend"></i></div>
        <div class="tool-text">注销</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "adminManage",
  data() {
    return {
      hideBar: true,
    };
  },
  computed: {},
  mounted() {},
  methods: {
    handleDialog(index) {
      switch (index) {
        case 1:
         
          break;
        case 2:
          localStorage.removeItem("token");
          this.$router.push("/");
          break;
        default:
      }
    },
  },
};
</script>
<style lang="scss" scoped>
.adminManage {
  z-index: 2;
  font-size: 0.8rem;

  color: white;

  position: absolute;
  top: 5rem;
  width: 165px;
  box-sizing: border-box;
  
  .positonBar {
    background-color: #285383;
  }

  .tool-item {
    display: flex;
    align-items: center;
    padding: 8px;
  }
  .tool-item:hover {
    background-color: #4998f2;
  }
  .tool-item:focus {
    background-color: #4998f2;
  }
}
</style>
